<template>
	<view class="mm">
		<view class="mm-2"><uni-icons type="gear" size="35" color="white"></uni-icons></view>
		<view class="mm-1">
			<view>
				<image src="../../static/img/user/avatar.jpg"></image>
				蔡徐坤
			</view>
		</view>
		<view class="mm2">
			<view class="mm2-1">
				<view class="mm2-3">
					<view class="mm2-2">
						<image src="../../static/img/user/icon-order.png"></image>
					</view>
					<view class="mm2-4" @click="goOrder">
						全部订单
					</view>
				</view>
				<view class="mm2-5"><uni-icons type="right" size="30"></uni-icons></view>
			</view>
			<view class="mm3">
				<view class="mm3-1">
					<image src="../../static/img/user/class-01.png"></image>
					<view>
						待付款
					</view>
				</view>
				<view class="mm3-1">
					<image src="../../static/img/user/class-04.png"></image>
					<view>
						代发货
					</view>
				</view>
				<view class="mm3-1">
					<image src="../../static/img/user/status-03.png"></image>
					<view>
						待收货
					</view>
				</view>
				<view class="mm3-1">
					<image src="../../static/img/user/status-04.png"></image>
					<view>
						待评价
					</view>
				</view>
				<view class="mm3-1">
					<image src="../../static/tab-category-current.png"></image>
					<view>
						全部
					</view>
				</view>
			</view>

		</view>
		<view class="mm4">
			<view class="mm4-1">
				<view class="mm4-2">
					<image src="../../static/img/user/icon-address.png"></image>
					<view class="mm4-3">收货地址</view>
				</view>

				<view><uni-icons type="right" size="30"></uni-icons></view>
			</view>

			<view class="mm4-1">
				<view class="mm4-2">
					<image src="../../static/img/user/icon-kefu.png"></image>
					<view class="mm4-3">客服中心</view>
				</view>

				<view><uni-icons type="right" size="30"></uni-icons></view>
			</view>


			<view class="mm4-1">
				<view class="mm4-2">
					<image src="../../static/img/user/icon-collect.png"></image>
					<view class="mm4-3">我的收藏</view>
				</view>

				<view><uni-icons type="right" size="30"></uni-icons></view>
			</view>


			<view class="mm4-1">
				<view class="mm4-2">
					<image src="../../static/img/user/icon-about.png"></image>
					<view class="mm4-3">帮助中心</view>
				</view>

				<view><uni-icons type="right" size="30"></uni-icons></view>
			</view>



		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goOrder() {
				uni.navigateTo({
					url: "/pages/allOrder/allOrder"
				})
			}
		}
	}
</script>

<style>
	.mm {
		width: 100%;
		height: 1000px;
		background-color: #f2f2f2;
	}

	.mm-1 {
		margin: 0 auto;
		text-align: center;
		line-height: 40px;
	}

	.mm-1 image {
		width: 90px;
		height: 90px;
		border-radius: 50%;
		display: block;
		margin: 0 auto;
	}

	.mm2 {
		width: 95%;
		background-color: white;
		padding-bottom: 5%;
		border-radius: 12px;
		margin: 0 auto;
	}

	.mm-2 {
		padding-top: 5%;
		padding-left: 5%;
		display: flex;

	}

	.mm2-1 {
		display: flex;
		justify-content: space-between;
	}

	.mm2-2 {
		padding-top: 3%;
		padding-left: 3%;
	}

	.mm2-2 image {
		margin-top: 5%;
		width: 40px;
		height: 40px;
	}

	.mm2-3 {
		width: 100%;
		display: flex;


	}

	.mm2-4 {
		width: 100%;
		padding-top: 5%;
		padding-left: 3%;
		color: #b0b0b0;
	}

	.mm2-5 {
		padding-top: 3%;
	}

	.mm3 {
		display: flex;
	}

	.mm3 image {
		width: 50px;
		height: 50px;
	}

	.mm3-1 {
		margin: 0 auto;
		text-align: center;
		padding-top: 3%;
	}

	.mm4 {
		width: 93%;
		background-color: white;
		margin: 0 auto;
		margin-top: 3%;
		padding-top: 3%;
		padding-left: 3%;
		border-radius: 12px;
		padding-bottom: 3%;
	}

	.mm4-1 {
		display: flex;
		justify-content: space-between;
		margin-top: 3%;
		padding-bottom: 3%;
	}


	.mm4-1 image {
		width: 30px;
		height: 30px;
	}

	.mm4-2 {
		width: 80%;
		display: flex;
		font-size: 20px;
	}

	.mm4-3 {

		padding-left: 3%;
	}
</style>